body{
   background-color: #b9bbe2;
}

h1{
   font-family: helvetica, verdana, arial;
   color: white;
}

.poemsContainer{
   display: table;
   margin: 0 auto;
   max-width: 1600px;
}

   .poem{
      display: inline-block;
      border: 1px solid white;
      padding: 50px;
      margin: 20px;
   }

      .poem .publishedOn{
         font-family: helvetica, verdana, arial;
         position: absolute;
         margin-left: -50px;
         margin-top: -50px;
         padding: 5px;
         background-color: rgba(255, 255, 255, 0.5);
         transition: all 0.2s linear;
      }

         .poem:hover .publishedOn{
            background-color: rgba(255, 255, 255, 1);
         }

      .poem .row{
      }

      .poem .row:not(:first-child){
         margin-top: -2px;
      }

         .poem .row .word{
            display: inline-block;
            font-family: helvetica, verdana, arial;
            font-weight: bold;
            font-size: 14px;
            padding: 10px;
            background-color: #dbebf3;
            border: 2px solid black;
         }

         .poem .row .word:not(:first-child){
            margin-left: -2px;
         }
